<?php include 'sessao.php' ?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>REGISTROLigacoes GAT</title>
		<link rel="stylesheet" href="css/index.css" />
		<link href="css/datepicker_dashboard.css" rel="stylesheet">
  		<script src="js/jquery.js" type="text/javascript" >   </script>
  		<script src="js/my-functions.js" type="text/javascript" >   </script>
  		<script src="js/mootools.js" tpye="text/javascript" > </script>
		<script src="js/mootools-core.js" type="text/javascript"></script>
		<script src="js/mootools-more.js" type="text/javascript"></script>
  		<script src="js/Locale.pt-BR.DatePicker.js" type="text/javascript"></script>
		<script src="js/Picker.js" type="text/javascript"></script>
		<script src="js/Picker.Attach.js" type="text/javascript"></script>
		<script src="js/Picker.Date.js" type="text/javascript"></script>
  		<?php include 'consultas.php';?>
	</head>
	<body>
		<header>
			<img src="imagens/logo.png" alt="Gattecnologia" />
			<aside>
				<?php echo "Bem vindo  ". $_SESSION['nome']?>
			</aside>
				<nav>
					<a href="index.php">Pagina Principal</a>
				</nav>
		</header>
		<section>
			<h1>Registro de atendimento</h1>
		</section>
		<section id="numLigacoes">
			<?php
				contarNumeroAtendimentos();
			?>
		</section>
		<section id="disable">
		</section>
			<form action="persiste_atendimento.php" method="post">
				<label>Sistema:</label>
				<select name="sistema">
					<?php pesquisarSistema();?>
				</select>
				<section id="meioAtendimento">
					<label>Qual meio de atendimento?  </label>
					<?php pesquisarMeioAtendimento();?>
				</section>
				<br />
				
				<section id="cliente">
					<label>E cliente?  </label><input type="radio" id="suporteCliente" name="suporte" value="1" required="required" />Sim
					<input type="radio" id="suporteCliente" name="suporte" value="0" required="required" />Nao
				<br />
				</section>
				
				<section id="suporte" class="hidden">
					<label></label><input type="radio" name="duvida" value="0" />Duvida
					<input type="radio" name="duvida" value="1" />Suporte
				</section>
				
				<section id="status" class="hidden">
					<label>Situacao do Problema:</label>
					<select name="problemas">
						<option value="">Selecione</option>
						<option value="Resolvido">Resolvido</option>
						<option value="Em aberto">Em aberto</option>
					</select>
					
				</section>
				
				<section id="horarios" class="hidden">
					<h3>Entrar em contato</h3>
					<label>Dia e hora:</label>
					<input type="text" name="dataHora" />
				<br />
				</section>
				
				<section id="naoCliente" class="hidden">
					<label>Como conheceu? </label>
					<select name="meioComunicacao">
						<?php pesquisarMeioComunicacao(); ?>
					</select>
					<br />
					<label>Estava interessado?  </label>
					<input type="radio" id="interesse" name="interesse" value="1" /><label>Sim</label>
					<input type="radio" id="interesse" name="interesse" value="0" /> <label>Nao</label>
				</section>
				
				<section id="contatos" class="hidden">
					<label>Nome:</label><input type="text" id="contato" name="nomeContato" value=""  />
					<label>E-mail:</label><input type="email"  id="contato" name="emailContato" value="" />
					<label>Telefone:</label><input type="tel"  id="contato" name="telefoneContato" value="" />
				<br />
				</section>
				<br />
				
				<label>Observacoes:</label>
				<br />
				<textarea name="obs" style='width:95%;height:100px;'></textarea>
				<input type="submit" name="Enviar" value="Enviar" />
			</form>
		<footer>
			<img src="imagens/background_rodape.png" style="margin-left:0%;" width="100%" height="30%" alt="Rodape" />
		</footer>

	</body>
</html>